<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>我的订单</title>
    <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=0">
    <!-- 电话号码不被显示为超链接 -->
    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="./static/css/animate.css">
    <link rel="stylesheet" href="./static/css/my-order.css">
    <link rel="stylesheet" href="./static/css/com.css">
</head>

<body>
    <div id='app'>

        <hea-controll :icon_json='heaIconJson' @right1='right1' @right2='right2'></hea-controll>

        <div class='all-wrap'>

            <!-- 有订单数据 -->
            <div v-if='orderData.length' style="padding: 20px 0;" v-for='(order,ordIndex) in orderData' :key='ordIndex'>
                <h1 class='time-title'>
                    <span>2018-9-29</span>
                    <span>预计明天能到，注意查收</span>
                </h1>
                <div>
                    <div class='order-list' v-for='(val,index) in 1' :key='index'>
                        <div class='img'>
                            <img src="https://img.thebeastshop.com/image/20180918173031174479.jpg@4e_0o_0l_345h_330w_90q.jpg" width="100%" height="100%">
                        </div>
                        <p class='name'>新鲜玫瑰组合套餐新鲜玫瑰组合套餐新鲜玫瑰组合套餐</p>
                        <span>￥ <span>1234.00</span></span>
                        <span>* <span>1</span></span>
                    </div>
                    <div class='money'>
                        <p>
                            <span>优惠￥</span>
                            <span>900.00</span>
                            <span>，</span>
                        </p>
                        <p>
                            <span>全部商品</span>
                            <span>9</span>
                            <span>件，</span>
                        </p>
                        <p>
                            <span>共计￥</span>
                            <span>3645.00</span>
                        </p>
                    </div>
                    <div class='controll'>
                        <img src="./static/img/left-kefu.png" width="45px" height="37px" style='margin-top: 7px;'>
                        <button>确认收货</button>
                        <button @click='likeWuliu(order)' style='margin-right: 20px;'>查看物流</button>
                        <button style='margin-right: 20px;'>去评价</button>
                    </div>
                </div>
            </div>
            <!-- 有订单数据 -->

            <!-- 无订单数据 -->
            <div v-if='!orderData.length' class='no-order-wrap'>
                <img src="./static/img/no-order.png" width="230px" height="210px">
                <span>暂无订单数据</span>
            </div>
            <!-- 无订单数据 -->

            <!-- 底部推荐商品 -->
            <div>
                <index-goods-title :font='goodsTitle'></index-goods-title>
                <goods-info :goods_info='goodsInfo'></goods-info>
            </div>
            <!-- 底部推荐商品 -->

        </div>

    </div>
    <script src="./static/js/com.js"></script>
    <script src="./static/js/jquery-3.3.1.min.js"></script>
    <script src='./static/js/vue.min.js'></script>
    <script src="./component/com/header.js"></script>
    <script src="./component/com/goodsInfo.js"></script>
    <script src="./component/com/goodsTitle.js"></script>
    <script src="./static/js/vue-service-my-order.js"></script>
</body>

</html>